<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>应急信息管理_统计分析_分析界面_结果</title>
<script type="text/javascript" src="jclient/javascript/modules/yjxxgl/yjxxgl_tjfx.js"></script>
<link rel="stylesheet" href="<%=basePath %>jclient/css/public.css" type="text/css" />
  <script type="text/javascript" src="<%=basePath %>jclient/javascript/public/jquery.min.js"></script>
   <script type="text/javascript" src="<%=basePath %>jclient/javascript/public/highcharts.js"></script>
  <script>
			$(function(){
				DrawWarningInfoChart();
			});
			function DrawWarningInfoChart(){
				$('#zx1').highcharts({
					chart: {
						type: 'column',
						backgroundColor: 'rgba(0,0,0,0)'
					},
					title: {
						text: '于桥水库各测站2014年4月水藻细胞密度指标对比'
					},
					xAxis: {
						categories: [
							'于桥水库x1站',
							'于桥水库x2站',
							'于桥水库x3站',
							'于桥水库x4站'
						]
					},
					legend: {
						enabled: false
					},
					yAxis: {
						allowDecimals: false,
						title: {
							text: ''
						}
					},
					tooltip: {
						formatter: function() {
							return '<b>'+ this.x +'：</b>'+ this.y;
						}
					},
					series: [{
						data: [{y:6100, color:'#FF8B23'},{y:6000, color:'#FF8B23'},{y:6030, color:'#FF8B23'},{y:6070, color:'#FF8B23'}],
						dataLabels: {
							enabled: true,
							rotation: 0,
							color: '#FFFFFF',
							align: 'right',
							x: 4,
							y: 2,
							style: {
								fontSize: '11px',
								fontFamily: 'Verdana, sans-serif',
								textShadow: '0 0 3px black'
							}
						}
					}]
				});
			}
		 </script>	
  </head>
  <body style="margin: 0;padding: 0px;background-color: #FFFFFF;" bgcolor="#FFFFFF">
  		<table width="100%" height="100%" cellspacing="0" cellpadding="0">
  			<tr>
  				<td height="50px"style="text-align: center;padding: 10px 0 10px 10px;">
  			     	<span style="font-size:20;font-weight: 600">2014年6月~9月于桥水库水体藻细胞密度指标对比分析结果图</span>
  			    	<span class="eclipseBtn" onclick="javascript:window.location.href='<%=basePath%>jclient/pages/yjxxgl/yjxxgl_tjfx.jsp'" style="height:30px;display: inline-block;cursor: pointer;">结束作业</span>
  			    	<span class="eclipseBtn" onclick="javascript:window.location.href='<%=basePath%>jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_dbfx_cx.jsp'" style="height:30px;display: inline-block;cursor: pointer;">继续添加</span>
  				</td>
  			</tr>
    		<tr>
    			<td style="height: 350px">
    				   <div id="zx1" style="width:100%;height:220px;"></div>
    			</td>
    		</tr>
    		<tr style="width:100%;" >
    			<td style="vertical-align: top">
    			   <p align="center" style="height: 50px">
    			     <span class="eclipseBtn"  style="height:30px;display: inline-block;" onclick="javascript:window.history.back()">
    			     	后退
    			     </span>
    			     <span class="eclipseBtn"  style="height:30px;display: inline-block;">
    			     	保存
    			     </span>
    			     <span class="eclipseBtn"  style="height:30px;display: inline-block;" onclick="javascript:window.location.href='<%=basePath%>jclient/pages/yjxxgl/yjxxgl_tjfx_yyzy.jsp'">
    			     	取消
    			     </span>
    			     </p>
    			</td>	
    		</tr>
    	</table>
  </body>
</html>
